Wireframe vs. Mockup vs. Prototype

2015年5月22日 — Wireframe 通通是靜態的，不會動、不能被操作，就只是圖片。 Mockup. 靜態的「視覺稿」. 用Photoshop、Sketch 製作的視覺稿，下一步就是切圖交給RD 套 ...

2019年2月21日 — Wireframe 是以簡單的草稿圖， 除去各種視覺影響元素，可以只用一些簡單的線條和方塊來畫，專注在功能和操作上。用手畫或用軟體畫都可以。

2017年6月22日 — 2D 平面地圖的功能規劃對應到Wireframe、精美的靜態3D 建築原型對應到Mockup，最後加入實際都市的動態機制對應到Prototype。

2016年9月8日 — 和wireframe（线框图）一样，Mockup 也是静态的，不可操作。它专注产品的外观，加入了丰富的视觉元素，保真度高。

Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of ...

Mockups are static yet realistic renderings of what a product or feature will look like and how it will be used. Prototypes are high-fidelity representations ...

2019年1月9日 — 另外一個重點，mockup樣品的製作時間通常較正式模具的開模時間來得短，有些專案為了爭取時間給客戶或業務做實機展示，也會用mockup的樣品來製作實機。

2022年4月8日 — Prototypes are models of your project that can take on different purposes. The most common use case is a design with a focus on functionality — ...

在UI設計裡的Mockup指的是把wireframe繪製成使用者實際使用的畫面，但無法和使用者直接互動。在國外，有時候Mockup會和Prototype混用，但在業界基本上還是會把無互動的稱作 ...